<div class="default">

<a href="javascript:viewVorschau();" style="color:black;">Preview</a>
<div contentEditable="true" id="vorschau" style="display:none; border:1px solid #B3B2B2;width:257px;height:109px;overflow:scroll;font:10pt Arial;background-color:white;" class="ui-widget-content ui-resizable"></div>
<br>
<br>
<div style="text-align: center;position:relative;width:200px;height:50px;">
		<label for="titel" style="position:absolute;left:0px;top:2px;">Titel</label><br>
		<label for="tags" style="position:absolute;left:0px;top:27px;">Tags</label>
		<input type="text" id="titel" name="titel" style="position:absolute;left:40px;top:0px;"/><br>
		<input type="text" id="tags" name="tags" style="position:absolute;left:40px;top:25px;"/>
</div>
<br>
<div style="text-align: center;">
<table border="0">
	<tr>
		<td>
			<select name="regal" id="regal" size="1" style="width:100%">
			</select>
		<td>
		<td>
			<a href="#" id="newRegal" style="color:black;">Erstellen</a>
		<td>
	</tr>
	
	<tr>
		<td>
			<select name="buch" id="buch" size="1" style="width:100%">

			</select>
		<td>
		<td>
			<a href="#" id="newBuch" style="color:black;">Erstellen</a>
		<td>
	</tr>
	
	<tr>
		<td>
			<select name="kapitel" id="kapitel" size="1" style="width:100%">

			</select>
		<td>
		<td>
			<a href="#" id="newKapitel" style="color:black;">Erstellen</a>
		<td>
	</tr>
</table>
</div>
<br>
<div style="text-align: center" style="font:10pt Arial;">
Kommentar
<br>
<textarea id="kommentar" style="width:100%;"></textarea>
</div>
</div>